<script setup>
</script>

<template>
  <view id="background">
    <view id="h1">
      <view id="title">
        请假流程
      </view>
      <view id="h1_1">
        <view id="announcemet">
          <view id="warning"></view>
          <view id="words">
            当前请假已经超过8周
            按照学校规定不允许请假
            请联系辅导员
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<style scoped>
#background{
  display: flex;
  padding: 10px;
  width: 345px;
  height: 200px;
  border-radius: 12px;
  box-shadow: 0 2px 4px #c8c7cc;
  justify-content: center;
}

#h1_1{
  display: flex;
  justify-content: center;
  padding: 30px;
}

#title{
  margin-left: 10px;
}

#announcemet{
  width: 300px;
  height: 130px;
  border: 2px solid orange;
  border-radius: 10px;
  display: flex;
}

#warning{
  margin-top: 10px;
  margin-left: 10px;
  transform: scale(0.7);
  width: 50px;
  height: 50px;
  background: url("../../../static/image/picture/warning.png");
}

#words{
  margin-left: 10px;
  margin-top: 25px;
  width: 160px;
  color: orange;
  font-size: 15px;
}
</style>